<template>
  <div class="dv">
    <div class="dv1">
      <swiper />
      <Tabbar class="shoucenter">
        <TabbarItem :icon="require('../../assets/img/c1.png')">签到</TabbarItem>
        <TabbarItem :icon="require('../../assets/img/c2.png')">礼券</TabbarItem>
        <TabbarItem :icon="require('../../assets/img/c3.png')" path="/shoukan">砍价</TabbarItem>
        <TabbarItem :icon="require('../../assets/img/c4.png')" path="/Detailtopic">专栏</TabbarItem>
      </Tabbar>
    </div>
    <kanjia />
    <jingxuan />
    <renqi/>
    <div class="dv3"></div>
  </div>
</template>

<script>
import swiper from "../../components/home/swiper";
import Tabbar from "../../components/home/tabbar";
import TabbarItem from "../../components/home/tabbaritem";
import kanjia from "../../components/home/kanjia";
import jingxuan from "../../components/home/jingxuan";
import renqi from "../../components/home/renqi";

export default {
  components: {
    swiper,
    Tabbar,
    TabbarItem,
    kanjia,
    jingxuan,
    renqi
  },
};
</script>

<style lang="scss" scoped>
.dv{
  width: 100%;
  height: 82vh;
}
.dv1 {
  // width: 100%;
  // height: 84vh;
  position: relative;
  .shoucenter {
    position: absolute;
    bottom: 0;
  }
}
.dv3{
  width: 100%;
  height: 10vh;
}
</style>